<template>
<div>
    <router-view></router-view>
    <van-tabbar v-model="active">
  <van-tabbar-item  icon="home-o" to="/#/">
    <span>首页</span>
  </van-tabbar-item>
  <van-tabbar-item icon="add-o" to="/publish">
    <span>发布</span>
    </van-tabbar-item>
  <van-tabbar-item icon="friends-o" to="/my">
    <span>我的</span>
  </van-tabbar-item>
</van-tabbar>
</div>
  
</template>

<script>

import {Tabbar, TabbarItem,Icon } from 'vant';
console.log(Tabbar);
console.log(TabbarItem);


export default {
    components:{
        [Tabbar.name]:Tabbar,
        [TabbarItem.name]:TabbarItem,
        [Icon.name]:Icon
    },
 data() {
    return {
      active: 0,
    };
  },

}
</script>

<style>

</style>